<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="vue/js/vue.js"></script>
	</head>
	<body>
		<div id="app">
			姓名：{{name}}<br>
			年龄：{{age}}<br>
			性别：{{sex}}<br>
			身高：{{h}}cm<br>
			体重：{{w}}kg
			<hr>
			<input v-model="name" type="text"/>
			<hr />
			{[msg]}
			<p v-text='msg'></p>
			<p v-html="msg"></p>
		</div>
		<script>
			const app=Vue.createApp({
				data(){
					return{
						name:'张三',
						age:18,
						sex:'女',
						h:165,
						w:60,
						msg:'hello <b>vue<b>!'
					}
				}
			}).mount("#app")
		</script>
	</body>
</html>